import React from 'react';
import { Input } from 'antd';
import { SchemaManageAPI } from '../../type';
import { SearchOutlined } from '@ant-design/icons';
interface IPropsType {
  id?: string;
  value?: any;
  onChange?: any;
  opt: SchemaManageAPI.ISearchList;
  type: string;
}

export const SearchBigModal: React.FC<IPropsType> = (props) => {
  return (
    <>
      <div style={{ display: 'flex' }}>
        <Input
          allowClear={props?.opt?.allowClear}
          placeholder={props?.opt?.placeholder}
          onChange={props?.onChange}
          value={props.value ?? ''}
          // disabled
          style={{ background: '#fff', height: '34px' }}
          onClick={props?.opt?.onClick}
          suffix={<SearchOutlined onClick={props?.opt?.onClick} />}
        />
        {/* <a style={{ position: 'absolute', right: '10px', top: '50%', transform: 'translateY(-50%)' }}>
          <SearchOutlined onClick={props?.opt?.onClick} />
        </a> */}
      </div>
    </>
  );
};
